<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:replace="common/common.html::common_css">
</head>
<body>
<div th:replace="common/admin_common.html::common_sidebar"></div>
<div class="page">
    <div th:replace="common/admin_common.html::common_navbar"></div>
    <!-- Counts Section -->
    <section class="dashboard-counts section-padding">
        <div style="display: none" id="Qdiv">
            <table>
                <tr th:each="q,Stat:${session.questionNum}">
                    <td>
                        <input th:id="'qNum'+${Stat.index}" th:value="${q}" type="hidden">
                    </td>
                </tr>
            </table>
        </div>
        <div style="display: none" id="Sdiv">
            <table>
                <tr th:each="S,Stat:${session.Scount}">
                    <td>
                        <input th:id="'sCount'+${Stat.index}" th:value="${S}" type="hidden">
                    </td>
                </tr>
            </table>
        </div>
        <div style="display: none" id="Apdiv">
            <table>
                <tr th:each="Ap,Stat:${session.Apartments}">
                    <td>
                        <input th:id="'Ap'+${Stat.index}" th:value="${Ap.apartmentname}" type="hidden">
                    </td>
                </tr>
            </table>
        </div>
        <div class="container-fluid">
            <div class="row">
                <!-- Count item widget-->
                <div class="col-xl-2 col-md-4 col-6" style="flex: 20%;max-width: 20%">
                    <a th:href="@{/admin/examinee_manage.html}">
                        <div class="wrapper count-title d-flex">
                            <div class="icon"><i class="icon-user"></i></div>
                            <div class="name"><strong class="text-uppercase">考 生 管 理</strong><span>考生总数</span>
                                <div class="count-number" th:text="${session.count.AdminCount}"></div>
                            </div>
                        </div>
                    </a>
                </div>
                <!-- Count item widget-->
                <div class="col-xl-2 col-md-4 col-6" style="flex: 20%;max-width: 20%">
                    <a th:href="@{/admin/testpaper_manage.html}">
                        <div class="wrapper count-title d-flex">
                            <div class="icon"><i class="icon-padnote"></i></div>
                            <div class="name"><strong class="text-uppercase">试 卷 管 理</strong><span>试卷总数</span>
                                <div class="count-number" th:text="${session.count.TestpaperCount}"></div>
                            </div>
                        </div>
                    </a>
                </div>
                <!-- Count item widget-->
                <div class="col-xl-2 col-md-4 col-6" style="flex: 20%;max-width: 20%">
                    <a th:href="@{/admin/record_manage.html}">
                        <div class="wrapper count-title d-flex">
                            <div class="icon"><i class="icon-check"></i></div>
                            <div class="name"><strong class="text-uppercase">成 绩 管 理</strong><span>已完成考卷总数</span>
                                <div class="count-number" th:text="${session.count.ScoreCount}"></div>
                            </div>
                        </div>
                    </a>
                </div>
                <!-- Count item widget-->
                <div class="col-xl-2 col-md-4 col-6" style="flex: 20%;max-width: 20%">
                    <a th:href="@{/admin/testlib_manage.html}">
                        <div class="wrapper count-title d-flex">
                            <div class="icon"><i class="icon-list"></i></div>
                            <div class="name"><strong class="text-uppercase">题 库 管 理</strong><span>题目总数</span>
                                <div class="count-number" th:text="${session.count.QuestionCount}"></div>
                            </div>
                        </div>
                    </a>
                </div>
                <!-- Count item widget-->
                <div class="col-xl-2 col-md-4 col-6" style="flex: 20%;max-width: 20%">
                    <a th:href="@{/admin/manager_manage.html}">
                        <div class="wrapper count-title d-flex">
                            <div class="icon"><i class="icon-list-1"></i></div>
                            <div class="name"><strong class="text-uppercase">管 理 员 管 理</strong><span>管理员总数</span>
                                <div class="count-number" th:text="${session.count.AdminCount}"></div>
                            </div>
                        </div>
                    </a>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-lg-6">
                <div class="card bar-chart-example" style="margin-left: 20px;margin-top: 20px">
                    <div class="card-header d-flex align-items-center">
                        <h4>成 绩 详 情 饼 图</h4>
                    </div>
                    <div class="card-body">
                        <canvas id="canvas_circle" height="400" width="600"
                                style="min-width: 310px; height: 400px; margin: 0px auto; overflow: hidden;">
                        </canvas>
                    </div>
                </div>
            </div>
            <div class="col-lg-6">
                <div class="card pie-chart-example" style="margin-right: 20px;margin-top: 20px">
                    <div class="card-header d-flex align-items-center">
                        <h4>题 目 分 类 数 据</h4>
                    </div>
                    <canvas id="bchart" height="400" width="600"
                            style="min-width: 310px; height: 400px; margin: 0px auto; overflow: hidden;">
                    </canvas>

                </div>
            </div>
        </div>
    </section>
    <script type="text/javascript" th:src="@{/static/js/adminindex.js}"></script>
    <div th:replace="common/common.html::common_footer"></div>
</div>
<div th:replace="common/common.html::common_js">
</div>
</body>
</html>